<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Customer Registration</title>

<script language="javascript" type="text/javascript">
// <!CDATA[

function Button1_onclick() {
if(document.myForm.UserName.value == "")
		alert("You must put a username!")
/** else if(document.myForm.Password1.value == "")
		alert("Your Password must not be null!!!")
else if(document.myForm.Password1.value != document.myForm.Password2.value)
    alert("The Two Passwords Should Be the SAME!!!")     **/
  else{document.myForm.submit()}
}

function Button2_onclick() {
    window.open("index.htm","_self");
}

// ]]>
</script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery_tabs.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {$('#tabs_news').tabs({ fxFade: true, fxSpeed: 'fast' });});
</script>
</head>
<body>
<div class="main">
  <div class="header">
    <div class="resize">
      <div class="logo"><a href="index.htm"><img src="images/logo.png" width="171" height="42" border="0" /></a></div>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="slider_resize">
    <div class="clr"></div>
  </div>
  <div class="FBG">
    <div class="clr"></div>
  </div>
  <div class="body">
    <div class="resize">
      <div class="left">
        <h2>Customer Registration</h2>
        <form name="myForm" action="useradd.jsp" method="post">
        	<input type="hidden" name="target" value="customer">
        <table width="400" border="0">
          <tr>
            <td width="100">User Name:</td>
            <td width="290"><input name="UserName" style="font-weight: bold; font-size: 10pt; width: 145px; left: 1px; position: relative; top: 0px;" type="text" /></td>
          </tr>
          <tr>
            <td>First Name:</td>
            <td><input name="FirstName" style="font-weight: bold; font-size: 10pt; width: 145px; left: 0px; position: relative; top: 0px;" type="text" /></td>
          </tr>
          <tr>
            <td>Last Name:</td>
            <td><input name="LastName" style="font-weight: bold; font-size: 10pt; width: 145px; left: 0px; position: relative; top: 0px;" type="text" /></td>
          </tr>
          <tr>
            <td>Address:</td>
            <td><input name="Address" style="font-weight: bold; font-size: 10pt; width: 300px" type="text" /></td>
          </tr>
          <tr>
            <td>City:</td>
            <td><input name="City" style="font-weight: bold; font-size: 10pt; width: 120px" type="text" /></td>
          </tr>
          <tr>
            <td>State:</td>
            <td><input name="State" style="font-weight: bold; font-size: 10pt; width: 30px" maxlength = "2" type="text" /></td>
          </tr>
          <tr>
            <td>Zipcode:</td>
            <td><input name="ZipCode" style="font-weight: bold; font-size: 10pt; width: 50px;" maxlength = "5" type="number" /></td>
          </tr>
          <tr>
            <td>Email:</td>
            <td><input name="Email" style="font-weight: bold; font-size: 10pt; width: 300px" type="text" /></td>
          </tr>
          <tr>
            <td>Credit Card:</td>
            <td><input name="CreditCard" style="font-weight: bold; font-size: 10pt; width: 150px" maxlength = "18" type="number" /></td>
          </tr>
          <tr>
            <td>Phone #:</td>
            <td><input name="Phone" style="font-weight: bold; font-size: 10pt; width: 100px" maxlength = "13" type="number" /></td>
          </tr>
        </table>
        
        <input id="Button2" type="button" value="Submit"  onclick="return Button1_onclick()" />
                    &nbsp;
        <input id="Button3" type="button" value="Cancel"  onclick="window.open('index.htm','_self');" />
        
      </div>
      <div class="right">
        <h2>Need Help? </h2>
        <p>If you are confused about the registration process you can email any one of the following members of the Snazzy Team.</p>
        <p>Andrew Gratta: andrew.gratta@stonybrook.edu</p>
        <p>Sarah Jordan: sarahjor@buffalo.edu</p>
        <p>Kevin O'Flaherty: koflaherty@ymail.com</p>
        <p><img src="images/help.jpg" width="131" height="86" /></p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="footer">
    <div class="resize" style="background:#141414;">
      <p class="leftt">Created by: Andrew Gratta, Sarah Jordan, and Kevin O'Flaherty<br />
      <p class="rightt"><span class="leftt">Copyright. All Rights Reserved</span></p>
      <p class="rightt">Developed for CSE305 at Stony Brook University</p>
      <div class="clr"></div>
    </div>
  </div>
</div>
</body>
</html>